<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>自由行-景区介绍</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/font.css">
	<link rel="stylesheet" href="css/top.css">
	<link rel="stylesheet" href="css/fot.css">
	<link rel="stylesheet" href="css/scenic.css">
</head>
<body>
<div id="wrap">
	<div id="top-fixed">
		<div id="top" class="top">
            <span class="posi-re">中国联通
            	<i class="posi-ab">4G</i>
            	<i class="icon iconfont icon-xinhao"></i>
            </span>
			<time class="top-time">00:00</time>
            <span>100%<i class="icon iconfont">&#xe697;</i></span>
		</div>
	</div>

	<div class="content">
		<div class="cont-top">
			<div class="logo">
				<a href="#">
					<img src="images/logo.png" alt="">
				</a>
			</div>
			<form action="" method="post">
				<input type="text" class="ipt-txt" name="user" placeholder="搜索城市/景区">
			</form>
		</div>

		<div class="cont-main">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">北京</div>
					<div class="swiper-slide">天津</div>
					<div class="swiper-slide">上海</div>
					<div class="swiper-slide">河北</div>
					<div class="swiper-slide">河南</div>
					<div class="swiper-slide">东北</div>
					<div class="swiper-slide">江西</div>
					<div class="swiper-slide">安徽</div>
					<div class="swiper-slide">台湾</div>
					<div class="swiper-slide">香港</div>
					<div class="swiper-slide">黑龙江</div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
			</div>

			<a href="#" class="title-link">《热门景点》</a>

			<ul class="list">
				<li class="list-box">
					<a href="#">
						<h3 class="title">美食千万“家”，想带你来川渝吃遍“家”。</h3>
						<div class="list-inner">
							<div class="list-pic">
								<img src="images/li-msh.jpg" alt="">
							</div>
							<div class="list-txt">
								<p>lim 请不要在半夜或者饿的时候看，那肯定会把那对天发的誓抛之脑后，又去下载外卖软件，或者马上订机票的来 成都 、来 重庆 ！来川渝生活之前，对它们的印象仅留于....</p>
								<div class="txt-bom">
									<span class="browse">28616浏览</span>
									<span class="name">大轩Saron</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li class="list-box">
					<a href="#">
						<h3 class="title">美食千万“家”，想带你来川渝吃遍“家”。</h3>
						<div class="list-inner">
							<div class="list-pic">
								<img src="images/li-msh.jpg" alt="">
							</div>
							<div class="list-txt">
								<p>lim 请不要在半夜或者饿的时候看，那肯定会把那对天发的誓抛之脑后，又去下载外卖软件，或者马上订机票的来 成都 、来 重庆 ！来川渝生活之前，对它们的印象仅留于....</p>
								<div class="txt-bom">
									<span class="browse">28616浏览</span>
									<span class="name">大轩Saron</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li class="list-box">
					<a href="#">
						<h3 class="title">美食千万“家”，想带你来川渝吃遍“家”。</h3>
						<div class="list-inner">
							<div class="list-pic">
								<img src="images/li-msh.jpg" alt="">
							</div>
							<div class="list-txt">
								<p>lim 请不要在半夜或者饿的时候看，那肯定会把那对天发的誓抛之脑后，又去下载外卖软件，或者马上订机票的来 成都 、来 重庆 ！来川渝生活之前，对它们的印象仅留于....</p>
								<div class="txt-bom">
									<span class="browse">28616浏览</span>
									<span class="name">大轩Saron</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li class="list-box">
					<a href="#">
						<h3 class="title">美食千万“家”，想带你来川渝吃遍“家”。</h3>
						<div class="list-inner">
							<div class="list-pic">
								<img src="images/li-msh.jpg" alt="">
							</div>
							<div class="list-txt">
								<p>lim 请不要在半夜或者饿的时候看，那肯定会把那对天发的誓抛之脑后，又去下载外卖软件，或者马上订机票的来 成都 、来 重庆 ！来川渝生活之前，对它们的印象仅留于....</p>
								<div class="txt-bom">
									<span class="browse">28616浏览</span>
									<span class="name">大轩Saron</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li class="list-box">
					<a href="#">
						<h3 class="title">美食千万“家”，想带你来川渝吃遍“家”。</h3>
						<div class="list-inner">
							<div class="list-pic">
								<img src="images/li-msh.jpg" alt="">
							</div>
							<div class="list-txt">
								<p>lim 请不要在半夜或者饿的时候看，那肯定会把那对天发的誓抛之脑后，又去下载外卖软件，或者马上订机票的来 成都 、来 重庆 ！来川渝生活之前，对它们的印象仅留于....</p>
								<div class="txt-bom">
									<span class="browse">28616浏览</span>
									<span class="name">大轩Saron</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li class="list-box">
					<a href="#">
						<h3 class="title">美食千万“家”，想带你来川渝吃遍“家”。</h3>
						<div class="list-inner">
							<div class="list-pic">
								<img src="images/li-msh.jpg" alt="">
							</div>
							<div class="list-txt">
								<p>lim 请不要在半夜或者饿的时候看，那肯定会把那对天发的誓抛之脑后，又去下载外卖软件，或者马上订机票的来 成都 、来 重庆 ！来川渝生活之前，对它们的印象仅留于....</p>
								<div class="txt-bom">
									<span class="browse">28616浏览</span>
									<span class="name">大轩Saron</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li class="list-box">
					<a href="#">
						<h3 class="title">美食千万“家”，想带你来川渝吃遍“家”。</h3>
						<div class="list-inner">
							<div class="list-pic">
								<img src="images/li-msh.jpg" alt="">
							</div>
							<div class="list-txt">
								<p>lim 请不要在半夜或者饿的时候看，那肯定会把那对天发的誓抛之脑后，又去下载外卖软件，或者马上订机票的来 成都 、来 重庆 ！来川渝生活之前，对它们的印象仅留于....</p>
								<div class="txt-bom">
									<span class="browse">28616浏览</span>
									<span class="name">大轩Saron</span>
								</div>
							</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>


	
    <div id="fot-nav">
        <nav>
            <ul class="list">
                <li>
                    <a href="index.html">
                        <i class="icon iconfont">&#xe61d;</i>
                        <span>首页</span>
                    </a>
                </li>
                <li class="active">
                    <a href="scenic.html">
                        <i class="icon iconfont">&#xe61e;</i>
                        <span>景区介绍</span>
                    </a>
                </li>
                <li>
                    <a href="pict.html">
                        <i class="icon iconfont">&#xe636;</i>
                        <span>相册</span>
                    </a>
                </li>
                <li>
                    <a href="travels.html">
                        <i class="icon iconfont">&#xe616;</i>
                        <span>游记</span>
                    </a>
                </li>
                <li>
                    <a href="equipment.html">
                        <i class="icon iconfont">&#xe617;</i>
                        <span>旅游装备</span>
                    </a>
                </li>
                <li>
                    <a href="Personal.html">
                        <i class="icon iconfont">&#xe60b;</i>
                        <span>个人中心</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</div>
<script src="js/swiper.min.js"></script>
<script src="js/script.js"></script>
<script>
	var swiper = new Swiper('.swiper-container', {
      slidesPerView: 6.9,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      loop:true,
    });
</script>
</body>
</html>